<div class="ct-headerText--normal">
    <h2 class="text-uppercase ct-fw-600 ct-u-marginBottom20">
        What is your
        <span class="ct-u-text--motive">SafeGrade?</span>
    </h2>
</div>
<div class="ct-iconBox ct-u-marginBottom40 ct-iconBox--2col">
    <div class="ct-icon text-center marketing-icon">
        <a href="{% url 'models_community_risk' %}"><i class="icon-location-pin ct-fw-600"></i></a>
    </div>
    <div class="ct-iconBox--description">
        <span class="ct-title text-uppercase ct-fw-600">Identify Risks</span>
        <span class="ct-text">Identify the risk of fire based on the infrastructure, built environment, population demographics, and socio-economic risk factors for your community.</span>
    </div>
</div>
<div class="ct-iconBox ct-u-marginBottom40 ct-iconBox--2col">
    <div class="ct-icon text-center marketing-icon">
        <a href="{% url 'models_performance_score' %}"><i class="icon-speedometer ct-fw-600"></i></a>
    </div>
    <div class="ct-iconBox--description">
        <span class="ct-title text-uppercase ct-fw-600">Analyze your performance</span>
        <span class="ct-text">Review your Department's Performance Score, add up-to-date response data, verify station locations, assess response time capability and compare your department's response performance to similar departments across the nation.</span>
    </div>
</div>
<div class="ct-iconBox ct-iconBox--2col">
    <div class="ct-icon text-center marketing-icon">
        <a href="{% url 'safe_grades' %}"><i class="icon-badge ct-fw-600"></i></a>
    </div>
    <div class="ct-iconBox--description">
        <span class="ct-title text-uppercase ct-fw-600">Get your Safe grade</span>
        <span class="ct-text">See how well your department matches resources deployed to the risk environment in which your firefighters respond.</span>
    </div>
</div>
